<!--<?php
print <<<EOT
-->
<link href="css/cssTitle.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="css/jsTitle.js" ></script>
<script src="css/edit.js"></script> 
<script>
//<!--
var FinishImagePath = null;
var jsonSettingImage = null;
var LeatherImagePath = null;
var FabricImagePath = null;
 $jsonFinishImagePath
 $jsonSettingImage
  $FabricImagePath
 $LeatherImagePath
 
var curpid = "{$product_info_ary['id']}";
var newpid = 0;
var fitemid = 0;
var curcode = "{$product_info_ary['code']}";
var curbcode = "{$product_info_ary['bcode']}";
var curprice = "{$product_info_ary['price_2']}";
function addCart(id) {
    var fl= "&leaid="+$("#leather_ID").val() + "&fabid="+$("#fabric_ID").val();
  
    if(validateForm()){
        url = "cart_view.php?act=add&inventorytype=0&inventoryid=0&pid="+curpid+"&newpid="+newpid+"&js=1&addnum="+ $("#buy_num_form").val()+"&fitemid="+$("#selFinishes").val()+fl;
        document.getElementById('addtocontentiframe').src=url;
    }
}
function addWishlist(n) {
    var fitemid = $("#selFinishes").val();
    if(fitemid == 0 && $("#selFinishes").children().size() > 1)
    {
        alert('Please select a finish!');
        $("#selFinishes").focus();
        return;
    }
    else if($("#selWishlist").val()==0 && !n)
    {
        alert('Please select a wishlist!');
        $("#selWishlist").focus();
        return;
    }
    else{
        url = "wishlist_view.php?act=add&pid="+curpid+"&code="+curcode+"&wid="+$("#selWishlist").val();
        if(n)
        {
            if($("#txtWishName").val() == "")
            {
                alert('Please input the wishlist name!');
                $("#txtWishName").focus();
                return;
            }
            else
            {
                url = url +"&new=1"+"&wname="+$("#txtWishName").val();   
               
            }
        }
        //alert(url);
        document.getElementById('addwishlistiframe').src=url;
    }
}

var pid = '{$pid}';
var paramStr = '{$urlParam}';

var go_url2 = 'product_details.php?'+paramStr+'&pid=' + pid;
function goPreviewPage() {
    url = go_url2 +'&gotype=preview#atpic';
    location.href=url;
}

function goNextPage() {
    url = go_url2 +'&gotype=next#atpic';
    location.href=url;
}
<!--
EOT;
$fabricsID = "var fabricsID = [";
if ($product_info_ary['fabricshown'] != '') {
	foreach($fabrics_item_ary[$product_info_ary['fabric_cat']] as $key=>$val) {
		$fabricsID .= $key. ", ";
	}
}
$fabricsID .= "];";

$leathersID = "var leathersID = [";
if ($product_info_ary['leathershown'] != '') {
	foreach($leathers_item_ary[$product_info_ary['leather_cat']] as $key=>$val) {
		$leathersID .= $key. ", ";
	}
}
$leathersID .= "];";
print <<< EOT
-->
$(document).ready(function(){
	{$fabricsID}
	{$leathersID}
    $.each(fabricsID, function(n, value){
    	var str = '';
    	eval("str = FabricImagePath.fabricimg_" + value);
    	$("#smallImage_" + value + " > a > img").attr("src", str);
    });
    $.each(leathersID, function(n, value){
    	var str = '';
    	eval("str = LeatherImagePath.leatherimg_" + value);
    	$("#smallImage_" + value + " > a > img").attr("src", str);
    });
    $("#bigImage").hide();
});

function FinishItemChange(id)
{
	fitemid = id;
	$('#finish_item_name').html($('#smallImage_finish_'+id).attr('val'));
	$('#selFinishes').val(id);
	$("#finishImg").attr("src",$('#finish_item_img_'+id).attr('src'));
	$('#bigImageFinish').show();
	$('#smallImageFinish').hide();
	get_data($("#fabric_ID").val(),$("#leather_ID").val(),id);
}
function returnSmallImageMode() {
	$("#smallImage").show();
	$("#bigImage").hide();
}
function returnFinishSmallImage() {
	$("#smallImageFinish").show();
	$("#bigImageFinish").hide();
}
//fabric
function fabricItemChange(id, name)
{
	var imgPath = $("#smallImage_fabric_" + id + " > a > img").attr("src");
	$("#bigImage > a > img").attr({"src":imgPath,'title':'Click to reduce'});
	$("#smallImage").hide();
	$("#bigImage").show();
	
	$("#fabric_Name").html(name);
	$("#fabric_ID").val(id);
	$("#leather_ID").val('0');
	get_data(id,0,fitemid);
}
//leather
function leatherItemChange(id, name)
{
	var imgPath = $("#smallImage_leather_" + id + " > a > img").attr("src");
	$("#bigImage > a > img").attr("src", imgPath);
	$("#smallImage").hide();
	$("#bigImage").show();
	
	$("#fabric_Name").html(name);
	$("#leather_ID").val(id);
	$("#fabric_ID").val('0');
	get_data(0,id,fitemid);
}
function get_data(fid,lid,fitemid)
{
	var ajax_pid = newpid > 0 ? newpid : curpid;
	$.ajax({
		url:'do.php?t=1&bcode='+encodeURIComponent(curbcode)+'&pid='+ajax_pid+'&fid='+fid+'&lid='+lid+'&fitemid='+fitemid,
		type:'GET',
		beforeSend:function(){
			$('#td_price').html('<img src="./images/loading.gif"/>');
		},
		success:function(d){
			d= eval('('+d+')');
			if(d.id != '' && d.id != null)
			{
				newpid = d.id;
				curcode = d.code;
				$('#td_price').html(d.price);
			}
			else
			{
				newpid = 0;
				$('#td_price').html('0.00');
			}
		}, 
		error:function(){
			$('#td_price').html(curprice);
		},
		timeout:function(){
			$('#td_price').html(curprice);
		}
	});
}

function validateForm()
{
    var buy_num = $("#buy_num_form").val();
    var fitemid = $("#selFinishes").val();
    if(fitemid == 0 && $("#selFinishes").children().size() > 1)
    {
        alert('Please select a finish!');
        $("#selFinishes").focus();
        return false;
    }
    else if (!IsNumber(buy_num)||buy_num==0) {
        alert('请输入订购数量！');
        $("#buy_num_form").focus();
        return false;
    } 
    return true;
}

//add new wish list 

function showTaggle(id)
{
  $("#"+id).toggle()
}

function hiddeDIV(id)
{
  $("#"+id).fadeOut()
}
function CancelClick()
{
    showTaggle("addnew-wishlist");
    $("#txtWishName").val("");
}


//ͼƬԤװ
$(window).load(function(){
    if(FinishImagePath == null) return ;
    for(i=0;i<FinishImagePath.length;i++)
    {
        var img = new Image();
        img.src = FinishImagePath[i];
    }
    $("#imageLink").html('<img src="'+$("#hfImagePath").val()+'"  name="jf_product_images_lg_image"  class="picture" id="jf_product_images_lg_image" width="384" height="384" border="0"/>');
    
    if(jsonSettingImage == null) return ;
    for(i=0;i<jsonSettingImage.length;i++)
    {
        $("#divSettingProduct").append('<a href="product_details.php?{$detailUrlParam}pid='+jsonSettingImage[i].id+'#atpic" title="'+jsonSettingImage[i].name+'"><img alt="'+jsonSettingImage[i].name+'" src="'+jsonSettingImage[i].small_pic+'"/></a>');
    }
});
//-->
</script>

           
     
            
                
             $postiondiv
	            <div class="main_search">					 
                 $page_search
                <div align="center" class="paging_bar"></div>
	            </div>
                 <div class="main" style="height:auto; overflow:hidden;">	 
                 <div class="lst_nav">	
				  $category_list    
				  {$EnglishLink}            
                 	<br/>
                  <br/>   
                 </div>
                <div class="lst_listing" style="padding-right:0px;">  
                
                
                
                
                  
<!--
EOT;
  {     
	 $productName=$product_info_ary['namezh'];
print <<<EOT
-->                
                   
                  
                  <table width="784" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                    <td class="show_title" width="390">
                    <div style="font-size: 18px; font-family: Helvetica,Verdana,Arial,sans-serif; color: rgb(118, 118, 118);">
	                <p style="font-size: 18px; font-family: Helvetica,Verdana,Arial,sans-serif; color: rgb(118, 118, 118); line-height:110%; padding-bottom:0;" class="prod_title"><span class="EnTextFamily">{$product_info_ary['code']}</span><!-- $category_name --> </p>
	                <span  class="productDetailsTitles">{$productName}</span>	                
	                {$item_flag} <span style="font-size:12px;">{$remarks}</span>
	               </div>                            
                  </td>
                  <td width="4" ></td>
                  <td width="390" valign="bottom" align="right" >
                  <table width="390" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td class="show_title"></td>
                            <td style="text-align:right" >
							<a style="cursor:pointer" onclick="goPreviewPage()" onmouseover="document.getElementById('jf_button_back1').src='./images/button/1jf_button_back-over.gif'" onmouseout="document.getElementById('jf_button_back1').src='./images/button/1jf_button_back.gif'"><img src="images/button/1jf_button_back.gif" id="jf_button_back1" width="96" height="20" border="0"></a>
							<a style="cursor:pointer" onclick="goNextPage()" onmouseover="document.getElementById('jf_button_next2').src='./images/button/1jf_button_next-over.gif'" onmouseout="document.getElementById('jf_button_next2').src='./images/button/1jf_button_next.gif'"><img src="images/button/1jf_button_next.gif" id="jf_button_next2" width="96" height="20" border="0"></a>
							</td>
                          </tr> 
                        </table>                   
                  </td>
                      
                    </tr>
                   
                 
                  
<!--
EOT;
}
print <<<EOT
-->                    
                  

                   
                    <tr>
                      
                      <td  valign="top" >
<!---image start--->
<!--
EOT;
if($showProductCategory)
{
print <<<EOT
--> 				
                     
					  <a href="product_details_pic.php?pid={$product_info_ary['id']}" target="_blank" title="{$product_info_ary['infozh']}" id="imageLink"></a><input type="hidden" id="hfImagePath" value="attachments/{$product_info_ary['pic']}" />
<!--
EOT;
}
else
{
print <<<EOT
--> 
		<!--The products you request is not published!-->
		该产品未发布！.
<!--
EOT;
}
print <<<EOT
--> 
<!---image end----->					  
					  </td>
					   <td></td>
                       <td valign="top" align="right">
                     
                       
                       
<!--
EOT;
if($showProductCategory)
{
print <<<EOT
--> 					  

<!--info table start -->	
 <table  border="0" cellspacing="2" cellpadding="0" width="390"  bgcolor="#D3B257"  class="details-right-box" > 
 <tr>
    
  <td width="50%" valign="top" height="190" style="padding:5px;">  
  <table cellpadding="0" cellspacing="0" width="100%" height="180">  
   <tr><td height="160">
   <!-- left table box start -->
   <table  border="0" cellspacing="0" cellpadding="0" width="175" > 
	 <tr>
         <td style="width:45px; text-align:right;" height="20"><strong style="color:#333;">宽度</strong></td>
         <td  style="width:45px;text-align:right;" ><strong style="color:#333;">深度</strong></td>
         <td  style="width:45px;text-align:right;"><strong style="color:#333;">高度</strong></td>
         <td  style="width:45px;text-align:right;">&nbsp;</td>
       </tr>
     
        <tr>
          <td height="18" align="right"><span class="EnTextFamily">{$product_info_ary['length']}</span></td>
          <td  align="right"><span class="EnTextFamily">{$product_info_ary['width']}</span></td>
          <td  align="right"><span class="EnTextFamily">{$product_info_ary['height']}</span> </td>
          <td   align="right"><strong style="color:#333; ">厘米</strong></td>
       </tr>
        <tr>
            <td height="18"  align="right"><span class="EnTextFamily">{$width_inch}</span></td>
            <td  align="right"><span class="EnTextFamily">{$length_inch} </span></td>
            <td  align="right"><span class="EnTextFamily">{$height_inch}</span></td>
            <td align="right" ><strong style="color:#333;">英寸</strong> </td>
       </tr>  
       
        <tr>
<!--		<td colspan="4">
		<table width="100%">
		<tr>
		  <td width="40" align="right"><strong style="color:#333;">体积</strong></td>
		   <td></td>
		  <td align="right">{$product_info_ary['cbm']}</td>		  
		  <td align="right"><strong style="color:#333;padding-left:15px; font-size:12px">立方米</strong></td>
		</tr>		
		</table>		
		</td>-->
           <td height="18"  ><strong style="color:#333;">体积</strong></td>
           <td  align="right"><span class="EnTextFamily">{$product_info_ary['cbm']}</span></td>
		    <td>&nbsp;</td>
           <td align="right"><strong style="color:#333;font-size:11px">立方米</strong></td>
       </tr>
          <tr>
		<!--<td colspan="4">
			<table width="100%">
			<tr>
			  <td width="40" align="right"></td>
			  <td></td>
			  <td  align="right">{$product_info_ary['cuft']}</td>
			  <td  align="right"><strong style="color:#333;padding-left:15px;">立方尺</strong></td>
			</tr>		
			</table>		
		</td>-->
           <td height="18"></td>      
           <td  align="right"><span class="EnTextFamily">{$product_info_ary['cuft']} </span></td>
		  <td>&nbsp;</td>
           <td  style="padding:0;" align="right" ><strong style="color:#333;font-size:11px">立方尺</strong></td>
       </tr>
       </table>
	   <table  border="0" cellspacing="0" cellpadding="0" width="175" >     
      <!--
EOT;
if ($product_info_ary['finishshown'] != ''|| $product_info_ary['fabricshown'] != '' || $product_info_ary['leathershownzh'] != '' || $product_info_ary['marbleshownzh'] != '' ) {
print <<<EOT
-->
    <tr>
           <td height="20" width="60"><strong style="color:#333;">图片展示</strong> </td><td width="10">:</td><td></td>
       </tr>
<tr>
       <td colspan="3" height="10"></td>
       </tr> 
  <!--
EOT;
if ($product_info_ary['finishshown'] != '') {
print <<<EOT
-->
    
						<tr>
							<td height="15" valign="top" ><strong style="color:#333;">漆色</strong> </span></td>	<td width="5">:</td><td>{$product_info_ary['finishshown']}</td>						
						</tr>
<!--
EOT;
}
if ($product_info_ary['fabricshown'] != '') {
print <<<EOT
-->	
						<tr>
							<td height="15" valign="top"><strong style="color:#333;">面料</strong></span></td><td width="5">:</td><td>{$product_info_ary['fabricshown']}</td>																	
						</tr>
<!--
EOT;
}
if ($product_info_ary['leathershownzh'] != '') {
print <<<EOT
-->																	
						<tr>
							<td height="15" valign="top"><strong style="color:#333;">皮色</strong></td><td width="5">:</td><td>{$product_info_ary['leathershownzh']}</td>																	
						</tr>
<!--
EOT;
}
if ($product_info_ary['marbleshownzh'] != '') {
print <<<EOT
-->																	
						<tr>
							<td height="15" align="left" valign="top"><strong style="color:#333;">大理石</strong></td><td width="5">:</td><td>: {$product_info_ary['marbleshownzh']}</td>																		
						</tr> 
																
<!--
EOT;
}
if (trim($product_info_ary['accentshown']) != '') {
print <<<EOT
-->		
<tr>
       <td colspan="3" height="1"></td>
       </tr> 
       <tr>
       <td colspan="3"></td>
       </tr>      
		<tr>
			<td height="15" align="left" valign="top"><strong style="color:#333;">Accents</strong></td><td width="5">:</td><td>{$product_info_ary['accentshown']}</td>																																				
		</tr>
<!--
EOT;
}

if (!empty($product_info_ary['priceshown'])) {
print <<<EOT
-->	
<tr>
			<td height="15" align="left" valign="top"><strong style="color:#333;">图示价格</strong></td>	<td width="5">:</td><td>美金 {$product_info_ary['priceshown']}</td>																																																			
		</tr>
<!--
EOT;
}
}
else
{
print <<<EOT
-->
    <tr>
           <td height="18" width="55"></td> 
           <td width="18" align="center"></td>
           <td width="100" align="center"></td>
       </tr>
<!--
EOT;
}
print <<<EOT
-->	 
   </table>
   <!-- left table box end -->
   </td></tr>
  <tr>
   <td height="20" style="font-size:9px;">按下面方格选择油漆</td>
   </tr>
   </table>                
   </td> 
   <td align="right" valign="top" width="50%" style="padding:5px;">   
   <table cellpadding="0" cellspacing="0" width="100%" height="180">  
   <tr><td height="160">
   <!-- right table box start -->
   <table cellpadding="0" cellspacing="0" width="100%">
   <tr>
   <td height="22" width="70" align="left">数量</td>
   <td align="center" width="20">:</td>  
   <td valign="middle" align="left"><input type="text" id="buy_num_form" name="buy_num_form" style="width:85px;" /></td>  
   </tr>  
   <tr>
   <td height="22" align="left">漆色<input id="selFinishes" type="hidden" value="25" name="selFinishes"></td>
   <td align="center" width="20">:</td> 
  <td align="left" id="finish_item_name">-</td> 
   </tr> 
 <!--
EOT;
$showimg="";
$strfab="<tr><td></td><td></td></tr>";
if ($product_info_ary['fabricshown'] != '')
 {
  $strfab='<tr><td height="22" valign="top">面料</td>
							<td  valign="top" align="center">:</td>
							<td ><select name="fabric_ID" id="fabric_ID" style="width:85px" onchange="fabricItemChange(this.options[this.selectedIndex].value);">';							
				
	foreach($fabrics_item_ary[$product_info_ary['fabric_cat']] as $key=>$val)
	{
		if ($showimg == "") {
			$showimg = $FabricImg[$key];
		}
	    if(strtolower($val)==strtolower($product_info_ary['fabricshown']))
	    {
	    $sl = "";
                   //$sl='selected="selected"';
				   //$showimg=$FabricImg[$key];
				  }
				   else
				   {
				   $sl="";				  
				   }
				   
	    $strfab.='<option value="'.$key.'"  '.$sl.' >'.$val.'</option>';	
	}	
	$strfab.='</select></td></tr>';
		

}else if ($product_info_ary['leathershown'] != '') {

		$strfab='<tr><td height="22" valign="top"><strong style="color:#333;">皮色</strong></td>
							<td  valign="top" align="center">:</td>
							<td ><select  name="leather_ID" id="leather_ID" style="width:85px" onchange="leatherItemChange(this.options[this.selectedIndex].value);">';
						
			 $showimg="";	
	foreach($leathers_item_ary[$product_info_ary['leather_cat']] as $key=>$val)
	{
		if ($showimg == "") {
			$showimg = $Leather[$key];
		}
	    if(strtolower($val)==strtolower($product_info_ary['leathershown']))
		{
		$sl = "";
                   //$sl='selected="selected"';
				   //$showimg=$LeatherImg[$key];				
		}
				   else
				   $sl="";
				   
	    $strfab.='<option value="'.$key.'"  '.$sl.' >'.$val.'</option>';	
	}	
	$strfab.='</select></td></tr>';	

}else
{
$strfab="";
}
echo $strfab;
print <<< EOT
-->     
   <tr>
	<td height="22">面料 / 皮料</td>
	<td align="center">:</td>
	<td id="fabric_Name" name="fabric_Name">-</td>
	<input id="fabric_ID" name="fabric_ID" type="hidden" value="0" />
	<input id="leather_ID" name="leather_ID" type="hidden" value="0" />
</tr> 
 <tr>
   <td colspan="3" height="28"></td>
   </tr>
<tr>
	<td height="15" colspan="3" >{$money_type}&nbsp;<span id="td_price">{$price_show}</span></td>
</tr>
<!--
EOT;
print <<< EOT
--> 
   <tr>
   <td colspan="3" height="10"></td>
   </tr>
   
    <tr>
   <td colspan="3"  height="10">
    <div align="right" class="addtocart"><a href="javascript:;" onclick="addCart('{$product_info_ary['id']}')" >加到购物车</a></div>
   </td>
   </tr>
   <!--<tr>
   <td colspan="3" height="25">
   <div class="new_wishlist" onclick="addWishlist('{$product_info_ary['id']}', '{$product_info_ary['code']}',1)">Add to NEW Wishlist</div>
   </td>
   </tr>-->
   <tr>
   <td colspan="3" height="10"></td>
   </tr>
   <tr>
   <td colspan="3"  height="20" style="display:none">
   <!--<div class="wishlist" onclick="addWishlist('{$product_info_ary['id']}', '{$product_info_ary['code']}',0)" style="position:relative;overflow:visible;">Add to Wishlist -->
  <div style="position:relative;overflow:visible; height:21px;"> 
    <!-- <div class="wishlist"  onclick='showTaggle("addwislistPop")'>Add to Wishlist
  begin  </div>-->
   
   <div class="addwislistPop" id="addwislistPop">
   <div class="closebtn" onclick='hiddeDIV("addwislistPop")'></div>
   
   <table cellpadding="0" cellspacing="0" border="0" width="330" >
       <tr>
         <td class="tob_bg1" width="28" height="25"></td>
         <td class="tob_bg3" width="143"></td>
         <td class="tob_bg2" width="34"></td>
         <td class="tob_bg3" width="140"></td>
         <td class="tob_bg4" width="22"></td>
       </tr>
   <tr>
   <td class="left_bg1" style="background-color:#fff;"></td>
   <td colspan="3" style="background-color:#fff;">
   
   
   <table cellpadding="0" cellspacing="0" border="0" width="300">
   <tr>
     <td>
        <h4 class="title">Add to Wish List </h4>
    </td>
   </tr>
   <tr>
    <td height="30">
    The selected item 
    </td>
   </tr>
   <tr>
   <td height="30">
     <select class="selectcss" id="selWishlist" name="selWishlist">
       <option value="0">--Select--</option>
<!--
EOT;
foreach($wishlist_ary as $k=>$v) {
print <<<EOT
-->
       <option value="{$v['id']}">{$v['name']}</option>
<!--
EOT;
}

//$infoShow=$product_info_ary['infozh']==""?$product_info_ary['info']:$product_info_ary['infozh'];
$infoShow=$product_info_ary['infozh'];

print <<<EOT
-->
     </select>
       <a href="javascript:addWishlist(0);"><img src="./css/images/save_btn.gif" alt="Save" border="0"/></a>
    </td>
   </tr>
   <tr>
      <td  height="30"> if you want other wish list&nbsp;&nbsp;<a href='javascript:showTaggle("addnew-wishlist")'>[ Add to new wish list ]</a></td>
   </tr>
   <tr id="addnew-wishlist" class="addnew-wishlist">
     <td height="30">
     Add wish list <input type="text" class="inputlist" id="txtWishName" name="txtWishName"/>
     <a href="javascript:addWishlist(1);"><img src="./css/images/layer_box_bt3.gif" alt="Save" /></a> <a href='javascript:CancelClick();'><img src="./css/images/layer_box_bt4.gif" alt="cancel" border="0"/></a>
     </td>
   </tr>
   <tr>
   <td height="30">
   Edit wish list at <a href="wishlist_view.php" target="_blank">view wishlist </a> 
   </td>
   
   </tr>
   </table>
   
   </td>
   <td class="right_bg1"></td>
   </tr>
   <tr>
   <td class="foot_bg1" height="8"></td>
   <td colspan="3" class="foot_bg2"></td>
   <td class="foot_bg3"></td>
   </tr>
   </table>  
   </div> 
   </div>
     <!-- end -->
   
   </td>
   </tr>
  <!--
EOT;
if($product_info_ary['fabric_flag'] == 1 OR $product_info_ary['leather_flag'] == 1)
{
print <<<EOT
-->  
<!--
EOT;
}
print <<<EOT
--> 
   </table>
   <!-- right table box end -->
   </td></tr>
  <tr>
   <td height="20" style="font-size:9px;">按下面方格选择面料</td>
   </tr>
   </table>  
   </td>
     
	
   <tr>
    <td >

<!--  <div class="inf-txt">	-->   
<div id="bigImageFinish" class="inf-img" style="cursor: pointer;display:none;">	 
<!-- {$product_info_ary['info']}{$showimg}--> 	
<a onclick="returnFinishSmallImage()" title="点击缩小图片"><img src="{$showimg}" id="finishImg" alt="点击缩小图片"/></a>
</div>
<div id="smallImageFinish" class="inf-img" style="cursor: pointer;">
<!--
EOT;
$i = 0;
foreach($finish_item_ary as $key=>$val) 
{
	if($i >= 36) break;
	$i++;
	print <<< EOT
-->
<div id="smallImage_finish_{$key}" style="float:left; width:30px; heigh:30px; border:groove; border-width:1px;  border-color:black;" val="{$val['name']}"><a onclick="FinishItemChange({$key})" title="{$val['name']} / 点击放大图片"><img id="finish_item_img_{$key}" src="attachments/{$val['photo']}"/></a></div>
<!--
EOT;
} 
print <<< EOT
-->
	                     </div>
     </td>
	        
	                     <td  valign="top">	                     
	                    <div id="bigImage" class="inf-img" style="cursor: pointer;">	 
						                    
	                    <!-- {$product_info_ary['info']}{$showimg}-->
						<a onclick="returnSmallImageMode()" title="点击缩小图片"><img src="{$showimg}" id="flImg"/></a>
	                     </div>
	                     <div id="smallImage" class="inf-img" style="cursor: pointer;width: 100%;overflow: hidden;">
	                     	
<!--
EOT;

if ($product_info_ary['fabric_flag'] == 1) {
	foreach($fabrics_item_ary as $key=>$val) {
		print <<< EOT
-->
	                     	<div id="smallImage_fabric_{$key}" style="float:left; width:30px; heigh:30px; border:groove; border-width:1px;  border-color:black;">
	                     		<a onclick="fabricItemChange({$key}, '{$val}')"  title="{$val} / 点击放大图片"><img src="{$FabricImg[$key]}" /></a>
	                     	</div>
<!--
EOT;
	}
} 
if ($product_info_ary['leather_flag'] == 1) {
	foreach($leathers_item_ary as $key=>$val) {
		print <<< EOT
-->
							<div id="smallImage_leather_{$key}" style="float:left; width:30px; heigh:30px; border:groove; border-width:1px;  border-color:black;">
	                     		<a onclick="leatherItemChange({$key}, '{$val}')"  title="{$val} / 点击放大图片"><img src="{$LeatherImg[$key]}"/></a>
	                     	</div>
<!--
EOT;
	}
}

print <<< EOT
-->
	                     </div>
	                     
	                     </td>	 	                
	                 </tr>	                 
	 	<style type="text/css">
	 	
														td.shown_td div{
														margin:2px auto;
														padding-top:0px;
														margin-top:0px;
														}
														
														table.sp{
														width:100%;
														padding:0px;
														margin:0px;
													/* 	border-collapse:collapse; */
														}
														table.sp tr{
														padding-top:0px;
														margin-top:0px;
														}
														table.sp td{
														vertical-align:top;
														padding-top:0px;
														margin-top:0px;
														padding-bottom:2px;
														}
														td.sp1{
														text-align:left;width:40px;
														
														}
														td.sp2{
														text-align:right;width:40px; 
														}
														td.sp3{
														text-align:left; 
														}
														</style>
                       
                          
<!--
EOT;
if ($no_preview_next) {
print <<<EOT
-->     


<!--
EOT;
} else {
print <<<EOT
--> 
                          
                            
<!--
EOT;
}
print <<<EOT
--> 
                            
                      
                       
                          
                    
                          
                          <!--tr>                                 
                            <td colspan=2>&nbsp;</td>
                            <td colspan=4 align="center" valign="middle">
                              <a href="javascript:;" onClick="MM_openBrWindow('printer.php?page=product_details&pid={$product_info_ary['id']}','printerfriendly','scrollbars=yes,width=600,height=500')" onMouseOver="MM_swapImage('jf_button_printer_friendly','','./images/button/jf_button_print-over.gif',1)" onMouseOut="MM_swapImgRestore()">
                              <img src="./images/button/jf_button_print.gif" alt="Printer Friendly" name="jf_button_printer_friendly" width="90" height="20" border="0" id="jf_button_printer_friendly">
                              </a>
                            </td>
                            <td colspan=2 align="right" valign="middle">                              
                            </td>
                          </tr-->
                          
                          
                                                
                          <!--tr>
                            <td colspan="8" height="15" align="left" valign="middle"><strong>Dimensions:</strong> &nbsp;
                              Length: <span class="productDetailsGoldText"> {$product_info_ary['length']} </span> &nbsp;
                              Width: <span class="productDetailsGoldText"> {$product_info_ary['width']} </span> &nbsp;
                              Height: <span class="productDetailsGoldText"> {$product_info_ary['height']} </span> &nbsp;<br>
                              <strong>CBM:</strong> <span class="productDetailsGoldText"> {$product_info_ary['cbm']} </span> &nbsp;<br>
                              <!--Depth: <span class="productDetailsGoldText"> n/a </span>--> 
                           
                                                  
                        </table>
						
<!--info table end -->						 
<!--
EOT;
}
print <<<EOT
--> 
			
						</td>
                     </tr>
                     <tr>
                      
                     <td valign="top" style="vertical-align: top; padding-top: 9px;" colspan="3">
<!--
EOT;
if (count($arySettingProduct)>0) {
print <<<EOT
-->     
<div><strong style="color:#333">相关产品:</strong> </div><div class="releatedImage" id="divSettingProduct"></div>	 
<!--
EOT;
} 
print <<<EOT
-->        
 </td>
                   
                    </tr>
                    <tr>
                      <td ></td>
                      <td ><img name="" src="images/spacer.gif" width="5" height="5" alt=""></td>
                      <td></td>
                    </tr>                    
                  </table>
                  
                  <div><img name="" src="images/spacer.gif" width="568" height="4" alt=""></div>                  
                  <iframe name='addwishlistiframe' width=0 height=0 src="about:blank" id='addwishlistiframe' style="display:none"></iframe>
                  <iframe name='addtocontentiframe' width=0 height=0 src="about:blank" id='addtocontentiframe' style="display:none"></iframe>
        
        
       
          </div> 
                   
   	  </div>	
   <div class="clearBack">
                     <div align="right" class="backtolisting" style="display:block;"><a target="_self" href='{$return_href}'><img border="0" align="texttop" alt="Return to wishlist" src="css/images/return.jpg"> <strong>  返回列表</strong></a></div>
                
        </div>
   
<script type="text/javascript">
<!--

var height2 =screen.height;
var width2 =screen.width;
//alert(width2+"x"+height2);
if (height2 <769) {
//if (height2 <1025) {
    location.href="#small_screen";
}

-->
</script>


<!--
EOT;
?>-->
